/*
ESTILOS GENERALES PARA P�GINAS DE ESYMONS

Buscar "/*[" para recorrer secciones
*/
.logBtn {
    position:absolute; top:0px; right:0px; width:15px; height:10px; z-index:101;
    cursor:help;
}
#log {
    position:absolute; top:0px; left:0px; height: 200px; width:100%; right:0px; 
    z-index: 100; background: black; color: white; 
    border-bottom: 1px solid white; overflow:auto;
    filter: Alpha(opacity: 70); opacity: 0.7; 
}
#marcInfDer {
    position: absolute; bottom: 0px; right: 0px; z-index: -1;
}


/*[ESTILOS GENERALES]*/
body {
    padding: 0px; margin: 0px;
    font-family: Verdana, Kedage, sans; font-size: small; color: #444; 
}

table { border-spacing: 0px; empty-cells: show }
img { border: 0px; vertical-align: middle; }                        
a { text-decoration: none; color: blue }
a:hover { text-decoration: underline }
    /*cuando no se desea un enlace de color*/
    .colorTexto { color: #444 } 
    /*elemento de lista seleccionado*/
    .colorSeleccionado { color: white; background-color: gray; } 
h1 { 
    font-family: Arial, DejaVu Sans, sans; font-size: large; 
    padding-bottom: 4px; padding-top: 15px; border-bottom: 1px solid silver;
    margin-bottom: 6px;
    cursor: default;
}
h2 { 
    padding-top: 10px; margin-bottom: 4px;
    font-family: Arial, DejaVu Sans, sans;
    font-size: medium; font-weight: bold; 
    cursor: default;
}
h3 { 
    padding-top: 7px;
    font-family: Arial, DejaVu Sans, sans; font-weight: normal;
    font-size: medium; margin-bottom: 3px;
    cursor: default;
}

p.titu{
margin-left: 5px; font-size: 12px; font-weight:bold; color: black;
}
p.subtitulo{
margin-left: 10px; font-size: 10px; font-weight:bold;
}
p.parrafo{
margin-left: 15px; font-size: 9px; font-weight:normal;
}
p.fuenteNew{
text-align:justify; font-family: tahoma; font-size:9px; white-space:normal;
}

.small{
    font-size: 10px; font-weight: bold; font-family: Verdana;
    color: #073d08;
}
label kbd { /*para accesskeys, ej: &Archivo...*/
    font-family: Verdana, Kedage, sans; text-decoration: underline;
    font-style: normal; font-size: small;
}
/* aplicable a spans con texto m�s peque�o de lo normal */
.nota { 
    font-size: 10px; font-weight: normal; color: #777;
    text-transform: none !important;
}
.nota2{ font-size: 10px; font-weight: normal; color: #01350c; }


/*BODY*/
/*[CONTENIDO] div que contiene a la tabla contTabla que contiene el �rea de trabajo.
26/sep/07: left:165 reemplazado a left: 0px; padding-left: 165px; para evitar conflictos
con el calendario */
#cont, .body_cont {
    position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;
    padding-left: 167px;
}
#contTabla {
    height: 100%;
}
/*celda en la fila superior con informaci�n adicional, el t�tulo*/
td.contSupIzq { 
    background: transparent url(img/r1c2.png) repeat-x bottom; color: silver;
    vertical-align: middle; text-align: right; font-size: 8px;
    padding: 5px 0px 0px 0px; white-space: nowrap;
}
td.contSupIzq a, td.contSupIzq a:visited, td.contSupIzq a:active {
    color: #ddd; /*#ffc;*/ font-size: 10px; font-weight: normal; font-weight: bold; 
}                                                                           
td.contSupIzq a:hover { 
    color: #cfc; font-size: 10px; text-decoration: none
} /*  <--- color: #ffc ,color: #aca */

/*celda central de contTabla, el contenido del documento*/
td.cont {
    vertical-align: top; width: 100%; height: 100%; padding: 10px;
    background: white url(magua/predeterminada.png) no-repeat bottom right;
}
/*decoraciones para contTabla*/
div.r1c1 { width: 15px; height: 50px; margin: 0px }
/*fondo para las celdas decorativas de contTabla*/
td.r1c1 { 
    width: 15px; height: 50px; padding: 0px;
    background: transparent url(img/r1c1.png) no-repeat bottom right }
    .r1c1_icono { float: left; vertical-align: middle; padding-right: 5px } 
    /* icono en el titulo */
td.r1c2 { 
    background: transparent url(img/r1c2.png) repeat-x bottom;
    color: #DDD; font-size: 11px; white-space: nowrap;
}
    td.r1c2 .subtitulo { font-weight: bold; color: white; font-size: 13px; margin-left: 10px }
td.r1c3 { background: transparent url(img/r1c3.png) no-repeat bottom left }
/* area de breadcrumbs, fila insertada */
td.rBCc1 { border-bottom: 1px solid gray; 
        background: #aa5555 url(img/rBCc1.png) repeat-y right }
td.rBCc2 { border-bottom: 1px solid gray; font-size: 9px; color: #ddd; 
        background: #aa5555 }
    td.rBCc2 a, td.rBCc2 a:visited, td.rBCc2 a:active { color: white }
    td.rBCc2 a:hover { text-decoration: underline }
td.rBCc3 { border-bottom: 1px solid gray; 
        background: #aa5555 url(img/rBCc3.png) repeat-y left }

td.r2c1 { background: transparent url(img/r2c1.png) repeat-y right }
td.r2c3 { background: transparent url(img/r2c3.png) repeat-y left }
td.r3c1 { background: transparent url(img/r3c1.png) no-repeat top right }
td.r3c2 { background: transparent url(img/r3c2.png) repeat-x top; text-align: center; font-size: 9px; color: white }
td.r3c3 { background: transparent url(img/r3c3.png) no-repeat top left; padding: 0px;
    width: 15px; height: 20px }
div.r3c3 { width: 15px; height: 20px; margin: 0px }




/*[PANELES FLOTANTES]*/
#panel {
    position: absolute; z-index: 1; padding: 0px 8px 0px 8px;
    top: 0px; left: 0px;     width: 150px; /*height: no-IE6*/
    /*background: rgb(96,112,96) url(img/fondo.png) repeat-x scroll top;*/
    background: #100b5b;
}
.recuadroCont { /*div contenedor para recuadro flotante*/
    width: 137px; float: right; margin-left: 10px;}

.recuadro_contenido02 { /*div contenedor para recuadro flotante*/
    /*width: 137px;*/ float: right; margin-left: 10px;
}
.recuadroTitulo { /*recuadro de texto*/
    font-size: 9px; color: silver; /*width: 141px;*/
    background: #00004f url(img/recuadro_sup.png) repeat-x; 
    margin: 10px 0px 0px 0px; padding: 1px 1px 3px 5px;
    border-top: 1px solid gray; border-left: 1px solid gray;
    border-bottom: none; border-right: 2px solid gray;
    /*solo mozilla*/ background-position: 2px 2px;
    -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
}
.recuadroTitulo a {
    color: white; font-weight: bold
}
/*inicio: boton retractil de panel*/
/*Los siguientes tres estilos se usan en una tabla para colocar un boton 
contraer a la derecha del encabezado, ajustando a la derecha con una tabla invisible*/
.recuadroTitulo table, table.sinborde { 
    width: 100%;
}
.recuadroTitulo table, .recuadroTitulo tr, .recuadroTitulo td, table.sinborde, table.sinborde tr, table.sinborde td {
    padding: 0px; margin: 0px; vertical-align: top
}
td.botonDerecha { /*contiene el boton contraer/desplegar*/
    text-align: right;
}
td.botonDerecha img { cursor: pointer; vertical-align: middle }
    /*fin: boton retractil de panel*/

.recuadro {
    font-family: Arial, DejaVu Sans, sans; /*width: 137px;*/
    background: white url(img/recuadro.png) repeat-x top left; 
    font-size: 10px; margin: 0px 0px 5px 0px; padding: 5px;
    border-top: none; border-left: 1px solid gray;
    border-bottom: 2px solid #555; border-right: 2px solid gray
}
.recuadro a {
    color: blue;
}

.combito{
    background: rgb(66,81,66) url(img/fondocurva.png);
    font-size: 10px; font-weight: bold; color: #ddd;
    width: 30%; 
}
.divLeyenda{
    font-size: 10px; float:right;
    padding:5px; margin: 3px;
    width: 150px;
    background: #e2e2e2;
    border: 2px solid gray;
    -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
}
.divInstrucciones{
    font-size: 10px; float:left;
    padding:5px; margin: 3px;
    background: #e2e2e2;
    border: 2px solid gray;
    -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
}

/*[BOTONES POSLUDIO] (a la izquierda, vertical)*/
.botones { 
    margin: 0px; padding: 0px; margin-top: 7px;
}
.botones p {
    margin: 0px; padding: 5px 3px 5px 10px; font-size: smaller; color: #aaa 
}
.botones a, .botones a:visited, .botones a:active { /*enlaces*/
    font-size: 10px; font-weight: bold; color: #ddd; 
    background: rgb(66,81,66) url(img/btnizq.png) repeat-x top;
    display: block; margin: 0px; padding: 4px 5px 3px 10px;
    border-top: 1px solid gray; border-left: 1px solid gray;
    border-right: 1px solid #131; border-bottom: 1px solid #131;
}
.botones a:hover {
    background: rgb(94,106,94) url(img/btnizq_hover.png) repeat-x top; 
    color: white; 
    border-top: 1px solid silver; border-left: 1px solid silver;
    border-right: 1px solid #002d00; border-bottom: 1px solid #002d00;
}

/*[BARRA DE BOTONES] antes y despu�s de las tablas*/
.barraBotones { padding-top: 6px; padding-bottom: 6px; }

/*[ARBOL Opciones del Sistema, a la izquierda "Sistema Integrado"]*/
div.arbol {
    height: 250px; overflow: auto; padding: 0px 1px;
    border-top: none; border-left: 1px solid gray;
    border-bottom: 2px solid #555; border-right: 2px solid gray;
    background: #f6f6f6 url(img/arbol1.png) repeat-x bottom;
}
/*spans agrupan subnodos, display se vuelve none si scripting esta habilitado,
sino todos los nodos estar�n desplegados.*/
div.arbol span { display: block }
/*los desplegables tienen onclick y cursor:pointer no es automatico*/
/*nivel 1*/
div.arbol a, div.arbol a:active, div.arbol a:visited {
    cursor: pointer; display: block; font-family: MS Sans Serif, sans;
    border: none; text-decoration: none;
    padding: 3px 0px 3px 0px;
    font-size: 9px; font-weight: normal; color: #444; 
    background: #E4E7EE url(img/arbol1.png) repeat-x bottom;
    display: block; margin: 0px; 
}
div.arbol a:hover, div.arbol a.selecc {
    color: black;
    background: #C8CFDD url(img/arbol1_hover.png) repeat-x bottom;
}
/*nivel 2*/
div.arbol span a, div.arbol span a:active, div.arbol span a:visited {
    padding: 2px 1px 2px 3px;
    border-left: 8px solid #3E4674; border-right: 1px solid rgb(188,188,198); 
    border-top: none; border-bottom: none;
    font-size: 9px; color: #333;
    background: #DDE1EA url(img/arbol2.png) repeat-x top;
}
div.arbol span a:hover, div.arbol span a.selecc {
    border-left-color: rgb(227,232,111);
    background: white url(img/arbol2_hover.png) repeat-x top;
}
/*nivel 3*/
div.arbol span span a, div.arbol span span a:active, div.arbol span span a:visited {
    padding: 2px 1px 2px 3px;
    border-left-width: 17px;
    font-size: 9px; color: #444;
    background: #C6C6CD url(img/arbol3.png) repeat-x top;
}
div.arbol span span a:hover, div.arbol span span a.selecc {
    color: black;
    background: #FDFFFD url(img/arbol3_hover.png) repeat-x top;
}


/*[ARBOL generado por tomahawk]*/
td.arbol_tomahawk { /*este estilo no puede aplicarse con panelGrid*/
    width: 300px; border: 1px solid gray; vertical-align: top;
}
div.arbol_tomahawk {
    width: 300px; height: 370px; overflow: auto; white-space: nowrap;
    font-size: 10px; font-family: MS Sans Serif, sans;
}
.foo-folder { cursor: default }
.arbol_tomahawk .td { white-space: nowrap }
.arbol_tomahawk .colorTexto, .arbol_tomahawk .colorSeleccionado {
    padding: 1px 3px 2px 3px;
}
.arbol_tomahawk a {
    text-decoration: none; 
}
.arbol_tomahawk a:hover {
    text-decoration: none;
}
.arbol_tomahawk a, .arbol_tomahawk span { white-space: nowrap }
.arbol_tomahawk .error {
    /* 
        Error simplemente podr�a un color o decoraci�n que indique que se trata
        de un error.
        Quitar comentario si existe una raz�n para el tama�o de letra y fuente.
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    */
    color: #FF0000;
}
.arbol_tomahawk .nodeFolder {
    text-decoration: none;
}
.arbol_tomahawk .document {
    text-decoration: none;
}
.arbol_tomahawk .documentSelected {
    color: blue;
    text-decoration: none;
    font-weight: bold;
}
.arbol_tomahawk .childCount {
    color: blue;
    text-decoration: none
}

/*Div con color de fondo para cuadro de b�squeda*/
#divFondobusqueda{
    border: 1px solid #00004f; 
    margin-top:5px; white-space: normal;
    background: #9D0102 url(../img/thead.png) repeat-x top;
    /*-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;*/
}

#divFondobusqueda p.titu{
    margin-left: 5px; font-size: 12px; font-weight:bold; color:white;
}
#divFondobusqueda table.form{
    margin-left: 15px; color: black;
}
#divFondobusqueda div{
    margin-top:10px; margin-bottom:10px;
    text-align: center;
    
}


/*[CALENDARIO] - theme.css*/
.jscalendar-DB-table-style {
    font-family:arial;
    font-size:11px;
    border-width:1px 2px 2px 1px;
    border-style:solid;
    border-color:#a0a0a0;
    background-color: #ffffff;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.jscalendar-DB-div-style {
    z-index: +999;
    position: absolute;
    visibility: hidden;
}
.jscalendar-DB-div-style a {
    text-decoration: none;
}

/* Default attributes used in calendar title (month and year columns).*/
.jscalendar-DB-title-style {
    padding:2px;
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;    
}

/* Default attributes used in calendar title background.*/
.jscalendar-DB-title-background-style {
    background: #20202d url(img/thead.png) repeat-x top;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, jscalendar-DBich must be edited if you need to change them. */
.jscalendar-DB-title-control-normal-style {
    border-style: solid;
    border-width: 1px;
    border-color: #888 #444 #444 #888;
    cursor: pointer;
}

/* Normal appearance of images in calendar title. */
/* Note: The right, left and down icons are images, jscalendar-DBich must be edited if you need to change them. */
.jscalendar-DB-title-img-normal-style {
    cursor: pointer;
}

/* Moused-over (selected) appearance of controls in calendar title. */
.jscalendar-DB-title-control-select-style {
    border-style: solid;
    border-width: 1px;
    border-color: white;
    cursor: pointer;
}

/* Moused-over (selected) appearance of controls in calendar title. */
.jscalendar-DB-title-img-select-style {
    cursor: pointer;
}

/* Default attributes of drop down lists (month and year). */
.jscalendar-DB-dropdown-style {
    font-family: arial;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #a0a0a0;
    background-color: #EEEEEE;
    cursor: pointer;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.jscalendar-DB-dropdown-select-style {
    background-color: #284682; color: white;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.jscalendar-DB-dropdown-normal-style {
    background-color:inherit;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.jscalendar-DB-body-style {
    background: #E8EBE8 url(img/recuadro.png) no-repeat top left;
    font-size: 10px;
}

/* Attributes of current day in calendar body. */
.jscalendar-DB-current-day-style {
    color: #004400;
    border: 1px dotted gray;
    text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.jscalendar-DB-end-of-weekday-style {
    color: #909090;
    text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.jscalendar-DB-normal-day-style {
    color: black;
    text-decoration: none;
}

.jscalendar-DB-would-be-selected-day-style {
    background-color: #284682; color: white;
}

/* Attributes of border around selected day in calendar body. */
.jscalendar-DB-selected-day-style {
    border: 1px solid #a0a0a0;
    font-weight: bold;
    background: #a0a0a0; color: white;
}
a.jscalendar-DB-selected-day-style:hover {
    color: white;
}

/* Default attributes of designated holidays. */
.jscalendar-DB-holiday-style {
    background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.jscalendar-DB-today-style {
    padding: 0px;
    color: black;
    background: none;
    text-align: center;
    text-decoration: none;
}

/* Attributes of today display label at bottom on calendar */
.jscalendar-DB-today-lbl-style {
    background: #E8EBE8 url(img/recuadro.png) no-repeat top left;
    padding: 5px;
    text-align: center;
}

/* Attributes of week number division (divider.gif) */
.jscalendar-DB-weeknumber-div-style {
    background-color: #d0d0d0;
    padding: 0px;
}





/*[MENSAJES DE ERROR]*/
/*en contenido*/
ul.messages { list-style-type: none; padding-left: 0px }
table.messages { width: 100%; margin-bottom: 10px }
li.errorClass, tr.errorClass td {
    color: 00004f; 
    font-weight:bold; font-family: Arial;
    padding: 12px 10px 12px 60px; 
    background: #c9c853 url(img/error.png) no-repeat 10px center;
    border: 1px dotted #00004f; 
}
li.infoClass, tr.infoClass td {
    color: #241f1c;
    font-weight:bold; font-family: Arial;
    padding: 12px 10px 12px 60px; 
    background: #d3d3d3 url(img/info.png) no-repeat 10px center;
    border: 1px dotted #c5c5d0; 
}
li.warnClass, tr.warnClass td {
    color: #5c2806;
    font-weight:bold; font-family: Arial;
    padding: 12px 10px 12px 60px; 
    background: #c9885b url(img/advertencia.png) no-repeat 10px center;
    border: 1px dotted #4f3100;
}
li.fatalClass, tr.fatalClass td {
    color: white;
    font-weight:bold; font-family: Arial;
    padding: 12px 10px 12px 60px; 
    background: #b03939 url(img/fatal.png) no-repeat 10px center;
    border: 1px dotted #ef0b0c;  
}
/*mensaje de error en fecha (panel izquierdo, secci�n usuario)*/
span.fechaError {
    background: #A00; display: block; color: white; cursor: pointer; padding: 3px;
}





/*[TABLAS] PARA (QUERIES, ETC) class="tabla"*/
table.tabla { 
    border: 1px solid #505070; margin: 10px 0px 10px 0px; 
}
table.tabla_concaption { 
    border: 1px solid #505070; margin: 0px 0px 10px 0px; 
    border-top: none;
}
table.tabla thead,table.tabla_concaption thead { 
    background: #9D0102 url(../img/thead.png) repeat-x top; color: #dde;
    font-size: 10px;
    text-align: center;
} 
table.tabla tfoot tr, table.tabla_concaption tfoot tr {
   background: #223761 url(img/thead.png) repeat-x top; color: #dde;
   font-size: 10px;
   text-align: center;
}
.nobg { /* quitar el fondo al pie de las tablas */
    background: white !important; color: #444;
}
table.tabla_concaption caption{
    border: 1px solid #505070; border-bottom-color: silver; padding: 2px;
    background: #9D0102 url(../img/table_caption.png) repeat-x bottom; color: #dde;
    margin: 10px 0px 0px 0px; border-bottom: none; font-weight: bold; 
    text-align: center; 
    -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
}
table.tabla th, table.tabla_concaption th  { padding: 3px 5px; cursor: default; }
table.tabla th a, table.tabla_concaption th a { color: white }
table.tabla th a:hover, table.tabla_concaption th a:hover { color: #ccf }

table.tabla tr.resaltada, table.tabla_concaption tr.resaltada  { 
    background: #ffd; cursor: default;
}
table.tabla tr.par, table.tabla_concaption tr.par  { 
    background: rgb(246,246,247) url(img/filapar.png) repeat-x bottom;
    cursor: default;
}
table.tabla tr.impar, table.tabla_concaption tr.impar  { 
    background: white url(img/filaimpar.png) repeat-x bottom ; 
    cursor: default;
}
table.tabla td, table.tabla_concaption td { 
    margin: 0px; padding: 2px 5px; 
}
/** Todos los datos en may�sculas */
/*table.tabla td, table.tabla_concaption td*/
tr.impar, tr.par { 
    text-transform: uppercase; font-size: smaller 
}

/*enlaces (no botones) que al deshabilitarse se muestran como spans*/
a.linkDeshabilitable { }
span.linkDeshabilitable { opacity:0.4 }

a.fuenteLink{
    font-family: Verdana;
    font-size:8px; font-weight:bold; 
    color:#0000AA; text-decoration: none;
}
a.fuenteLink:hover{
    font-family: Verdana;
    font-size:8px; font-weight:bold; 
    color: blue; text-decoration: underline;
}
.FuenteText{font-size: 12px; font-weight: bold; color: rgb(94,94,106);}

/*[PANEL]*/
/*pruebacolor{ background: #2e4321; border: 1px solid gray; color: url(img/tab_fondo.png) repeat-x}*/



/*[FORMULARIOS]*/
table.form { margin-top: 10px; margin-bottom: 10px }
/*formularios dentro de celdas, IE y Opera agregan un salto de l�nea*/
td form { display: inline }
/*controles de cuadro de texto*/
input[type="text"], input[type="password"], textarea, select { 
    padding: 2px;
    font-family: Verdana, Kedage, sans; font-size: small; 
    border-top: 1px solid #889; border-left: 1px solid #889;
    border-bottom: 1px solid #aab; border-right: 1px solid #aab;
    background: white url(img/fondo_input.png) repeat-x top;
    
    -moz-border-radius: 2px;
}
input.noborder { border: none; background: none } /*para radiobuttons y checkboxes*/
input.validar_error { border: 1px solid #d44; background: #fdd } /* con error */
td.label { 
    text-align: right; vertical-align: top; padding-top: 3px; padding-right: 10px;
    white-space: nowrap}
/* sin padding, para grids sin inputs (solo texto) */
td.label2 { 
    vertical-align: top; padding-right: 5px;
    white-space: nowrap} 
/*nowrap para evitar que el icono de error de validacion pase a la siguiente l�nea*/
td.label3 { text-align: right; vertical-align: top; padding-top: 3px; padding-right: 10px;
    white-space: nowrap; font-weight: bold; font-size: 11px }

td.input { white-space: nowrap; vertical-align: top;text-align: left; }
/* Monedas y n�meros, alineados a la derecha */
.nomay { text-transform: none !important; /*font-size: small !important;*/ } /* no forzar may�sculas */
.right { text-align: right }
.centrar { text-align: center }
.top { vertical-align: top }
.bottom { vertical-align: bottom }
.moneda, .num { 
    text-align: right; font-family: Lucida Console, DejaVu Sans Mono, monospace; 
    white-space: nowrap; 
}
.nowrap {white-space: nowrap}
.resalte { font-weight: bold }
.resalteColor { font-weight: bold; /* color: #3c9358*/ }
.resalteError { font-weight: bold; color: #cc0000 }
/* para divs con borde o barra de desplazamiento. */
.frame { border: 1px solid gray; -moz-border-radius: 3px; }


/*error de validaci�n: sin error*/
span.frmErr {
    line-height: 24px; padding: 4px 0px 4px 20px; margin-left: 3px;
    cursor: default; background: transparent;
    font-size: 9px; color: white; font-weight: bold;
}
/*anchors e inputs que parecen botones*/
.btn { 
    background: #e5e5e5 url(img/btn.png) repeat-x top;
    font-size: 10px; font-weight: bold; color: #444; 
    margin-right: 3px; margin-top: 0px; margin-bottom: 0px;
    white-space: nowrap; 
    -moz-border-radius: 3px;
}
a.btn, input.btn {
    border-style: solid; border-width: 1px; border-color: #BBB #888 #888 #BBB;
}
a.btn:hover, input.btn:hover, span.btn { 
    background: #f7f7f7 url(img/btn_hover.png) repeat-x top; 
    border-color: #888 #444 #444 #888;
}
    span.btn { color: gray } /*botones falsos, atenuados*/
    a.btn:hover, input.btn:hover { color: black } /*botones en mouseover, resaltados*/

a.btn, span.btn { line-height: 28px; padding: 4px 5px; text-decoration: none; }
input.btn { padding: 2px 3px }
span.btn { border: 1px solid #BBB; cursor: default; } /*boton deshabilitado*/
span.btn img { opacity: 0.4 } /*imagen deshabilitada (span como a)*/
.btn kbd { 
    font-family: Verdana, Kedage, sans; font-size: 10px; 
    font-weight: bold; text-decoration: underline; 
}
    /*iconos en las im�genes, se expera 16x16*/
    a.btn img, input.btn img, span.btn img { vertical-align: -15% }

/* barra de navegaci�n tag "s:paginator" */
.nav { width: 100%; color: #444; padding: 0px }
.navBtn { width: 20px; padding: 0px }
.navBtn img { margin: 0px }
.navText {
    font-weight: bold; font-size: 10px; text-align: center; 
    background: white url(img/fondo_input.png) repeat-x top;
    text-transform: none !important;
    -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;
}
.navBtn_first, .navBtn_previous, .navText, .navBtn_next, .navBtn_last { 
    border-style: solid; border-width: 1px; border-color: #BBB #888 #888 #BBB;
    padding: 0px;
}
.navBtn_first, .navBtn_previous, .navBtn_next, .navBtn_last { 
    width: 20px; border: none; padding: 0px;
}


/*[ADCC] �rea de campo cliqueable*/
/*fila normal*/
tr.adcc { background-color: white }
/*fila resaltada*/
tr.adccHover { background-color: #f8f8f8 }



/*[TABS] Usar con t:panelTabbedPane y t:panelTab */
table.myFaces_panelTabbedPane { /*todo panel con tabs y contenido*/
}

table.myFaces_panelTabbedPane 
td.myFaces_pannelTabbedPane_HeaderRow { /*fila de encabezados*/
}

table.myFaces_panelTabbedPane 
td.myFaces_panelTabbedPane_activeHeaderCell { /*celda con el bot&#243;n activo*/
    border-top: 2px solid #DC5; border-right: 1px solid gray;
    border-bottom: 0px none; border-left: 1px solid silver;
    background: white url(img/tab_activo.png) repeat-x top; 
    text-align: center;
}

table.myFaces_panelTabbedPane 
td.myFaces_panelTabbedPane_inactiveHeaderCell {
    border-top: 1px solid gray; border-right: 1px solid silver;
    border-bottom: 2px solid #AAA; border-left: 1px solid silver;
    background: rgb(204,204,204) url(img/tab.png) repeat-x top;
    text-align: center;
}

table.myFaces_panelTabbedPane
td.myFaces_panelTabbedPane_disabledHeaderCell {
    border-top: 1px solid silver; border-right: 1px solid silver;
    border-bottom: 2px solid #AAA; border-left: 1px solid silver;
    background: rgb(204,204,204) url(img/tab_deshab.png) repeat-x top;
    text-align: center;
}

.myFaces_panelTabbedPane_activeHeaderCell,
.myFaces_panelTabbedPane_inactiveHeaderCell,
.myFaces_panelTabbedPane_disabledHeaderCell {
    -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
}

.myFaces_panelTabbedPane_activeHeaderCell input,
.myFaces_panelTabbedPane_inactiveHeaderCell input,
.myFaces_panelTabbedPane_disabledHeaderCell label {
    font-family: Verdana, DejaVu, sans; font-weight: bold; color: rgb(68,68,68);
    font-size: 10px; border: 0px none; background: none;
    padding: 0px 7px;
}
.myFaces_panelTabbedPane_disabledHeaderCell label { color: silver }

table.myFaces_panelTabbedPane 
td.myFaces_panelTabbedPane_emptyHeaderCell { /*espacio de relleno despu&#233;s del tab*/
    border-bottom: 2px solid #AAA;
}

table.myFaces_panelTabbedPane 
tr.myFaces_pannelTabbedPane_subHeaderRow { /*fila decorativa debajo de los botones tab*/
}

table.myFaces_panelTabbedPane 
td.myFaces_panelTabbedPane_subHeaderCell_first { /*primer subrayado debajo de un tab*/
    border: 0px none; border-left: 1px solid silver;
}

table.myFaces_panelTabbedPane 
td.myFaces_panelTabbedPane_subHeaderCell { /*subrayado intermedio*/
    border-top: 0px none; border-bottom: 0px none;
}

table.myFaces_panelTabbedPane 
td.myFaces_panelTabbedPane_subHeaderCell_last { /*ultimo subrayado*/
    border: 0px none; border-right: 1px solid gray;
}

table.myFaces_panelTabbedPane 
td.myFaces_panelTabbedPane_subHeaderCell_active { /*subrayado de boton tab activo*/
    border-top: 0px none; border-bottom: 0px none;
}

table.myFaces_panelTabbedPane 
td.myFaces_panelTabbedPane_subHeaderCell_inactive { /*subrayado de boton tab inactivo*/
    border-top: 0px none; border-bottom: 0px none;
}

table.myFaces_panelTabbedPane 
tr.myFaces_panelTabbedPane_contentRow { /*contenido*/
}

table.myFaces_panelTabbedPane 
td.myFaces_panelTabbedPane_pane { /*contenido*/
    border-top: 0px none; border-bottom: 1px solid gray;
    border-left: 1px solid silver; border-right: 1px solid gray;
    background: white url(img/tab_fondo.png) repeat-x bottom; padding: 12px;
    -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
}


.barraVertical{
height: 100%; border: 1px solid gray;       
background: url(img/fondo.png) repeat-x top;
}

/*[FESTIVIDAD] Imagen superior izquierda seg�n la ocasion*/
.festividad {
    position: absolute; top: 0px; left: 0px; z-index: 2
}

/* Una barra horizontal con borde degradado, �til para colocar una fila de botones */
.barraHorizontal {
    width: 100%; padding: 0px; /*quitado el padding para evitar que se oculte el 
        borde derecho, el contenido deber� usar m�rgenes*/
    border: 1px solid gray; border-bottom-color: silver;
    background: #E9E9E9 url(img/barra_horizontal.png) repeat-x top;
}
.barraHorizontal2 {
    width: 100%; padding: 4px; border: 1px solid gray; 
    background: rgb(94,106,94);
}
.barraHorizontal3 {
    padding: 0px; /*quitado el padding para evitar que se oculte el 
        borde derecho, el contenido deber� usar m�rgenes*/
    border: 1px solid gray; border-bottom-color: silver;
    background: #E9E9E9 url(img/barra_horizontal.png) repeat-x top;
}

/* recuadros de texto emergente para collapsible panels y s:outputText */
.tooltip {
    border: 1px outset gray; background: #eee; 
    font-size: 10px; font-weight: normal; color: #444; text-decoration: none;
    white-space: normal; -moz-border-radius: 4px; 
}
/*
.RichToolTip{
border: 1px outset green; background: #f4f4f4; 
font-size: 9px; font-weight: bold; font-family: Verdana;
white-space: normal;
}
*/
/*separador entre elementos dentro de barraHorizontal, especificar altura al usar*/
.barraSeparadorHor { 
    width: 2px; border-left: 1px solid silver; border-right: 1px solid white;
    margin: 0px 4px;
}
.celdaConFormulario { /* para formularios dentro de una tabla, como los que usan �rbol */
    border: 1px solid gray; width: 100%; vertical-align: top; padding: 10px 7px
}

/*[ICONOS EN MENUS] estilo iconos grandes del explorador de windows*/
.iconoMenu { 
    height: 50px; padding: 4px 
}
.iconoMenu img { 
    margin: 0px 7px 0px 20px 
}
.iconoMenu a { 
    font-weight: bold; color: #444 
}
div.linkMosaic { clear: left; }
div.linkMosaic a { text-decoration: none; }
div.linkMosaic img { float:left; padding: 0px 10px 15px 10px }
div.linkMosaic span.linkMosaic_nombre { font-weight: bold; color: #444 }
div.linkMosaic span.linkMosaic_desc { font-size: smaller; color: #777 }


 


.celdaFormularioF {
    border: 2px solid #444; -moz-border-radius: 3px;
    text-transform: UPPERCASE; 
}  
.celdaFormularioF label {
    font-size: 8px; display: block; padding: 3px 3px 0px 3px;
}
.celdaFormularioF input {
    border: none; background: none; padding: 0px 3px 3px 3px; margin: 0px; font-weight: bold;
}

#__________T_SCHEDULE__{}
.schedule-detailed-default td.even,
.schedule-detailed-default td.uneven,
.schedule-detailed-default td.free,
.schedule-compact-default .content,
.schedule-compact-default .header {
	/*
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	*/
    border-bottom: 1px solid gray;
	border-right: 1px solid gray;
    cursor: pointer;
}
.schedule-compact-default div.contentview>div>table>tbody>tr:first-child+tr>td,
.schedule-compact-default div.contentview>div>table>tbody>tr:first-child+tr+tr+tr>td,
.schedule-compact-default div.contentview>div>table>tbody>tr:first-child+tr+tr+tr+tr+tr>td,
.schedule-compact-default div.contentview>div>table>tbody>tr:first-child+tr+tr+tr+tr+tr+tr+tr>td,
.schedule-compact-default div.contentview>div>table>tbody>tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr>td,
.schedule-compact-default div.contentview>div>table>tbody>tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td,
.schedule-compact-default div.contentview>div>table>tbody>tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr>td {
    background: #e8e8e8; color: #444;
}